@import "../../../assets/style.less";
.header{
    align-items: center;
    .icon{
        i{
            font-size:40px;
        }
    }
    .nav_select{
        width: 60px;
        height:60px;
        line-height: 60px;
        text-align: center;
        span{
            color:@blue;
        }
    }
    .search_inp{
        flex:1;
        display: flex;
        justify-content: center;
        position: relative;
        input{
            background-color: #f4f5f5;
            border: none;
            box-shadow: none;
            outline: none;
            color: #666;
            background-color: transparent;
            transition: width .3s;
        }
        .search_history{
            position: absolute;
            top:40px;
            left: 10px;
        }
    }
    .tip{
        position: relative;
        width:50px;
        span{
            font-size:25px;
            position: absolute;
            top: 5px;
            right: 20px;
            background:red;
            color:#fff;
            border-radius: 50%;
            width:15px;
            height:15px;
            font-size:12px;
            text-align: center;
            line-height: 15px;
        }
    }
    .avatar{
        width:50px;
        i{
            font-size:50px;
        }
    }
}